.loading-container {
      width: 100%;
      height: 100%;
      position: relative;
      top: 0;
      .flex-container {
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 1.6rem;
            letter-spacing: 0.4rem;
      }
}

.head {
      width: 100%;
      display: flex;
      justify-content: flex-start;
      padding: 1rem 0;
      font-size: 1.2rem;
      color: rgba(255, 255, 255, 0.6);
      border-bottom: 1px solid rgba(255, 255, 255, 0.3);
      .number-head {
            width: 10%;
            @extend .song-item-center;
      }
      .songname-head {
            width: 30%;
            @extend .song-item-center;
      }
      .singer-head {
            width: 30%;
            @extend .song-item-center;
      }
      .album-head {
            width: 20%;
            @extend .song-item-center;
      }
      .duration-head {
            width: 10%;
            @extend .song-item-center;
      }
}

.song-item-center {
      display: flex;
      justify-content: flex-start;
}

.main-container {
      width: 100%;
      height: 90%;
      display: flex;
      flex-wrap: wrap;
      overflow: auto;
      .Song-container {
            width: 100%;
            display: flex;
            justify-content: flex-start;
            padding: 1rem 0;
            cursor: pointer;
            font-size: 1.2rem;
            border-bottom: 1px solid rgba(255, 255, 255, 0.3);
            color: rgba(255, 255, 255, 0.6);
            .number {
                  width: 10%;
                  @extend .song-item-center;
            }
            .songname {
                  width: 30%;
                  @extend .song-item-center;
                  color: white;
            }
            .singer {
                  width: 30%;
                  font-size: 0.8rem;
                  @extend .song-item-center;
            }
            .album {
                  width: 20%;
                  font-size: 0.8rem;
                  @extend .song-item-center;
            }
            .duration {
                  width: 10%;
                  @extend .song-item-center;
            }
      }
}
